import { useState } from 'react'
import { Link } from 'react-router-dom'

function Home() {
  let defalutStyle = {
    cursor: 'pointer',
    margin: '0px 20px',
    textDecoration: 'underline',
    color: '#1890ff',
  }
  return (
    <>
      {/* Link to   指定跳转某个页面 to用来表示跳转地址 */}
      <Link to="/test/1" state={{ name: 'link to 传递过来的参数' }} style={defalutStyle}>
        路由参数测试1
      </Link>
      <br />
      <Link to="/test?code=123" style={defalutStyle}>
        路由参数测试2
      </Link>
      <br />

      <Link to="/test/1?code=123" style={defalutStyle}>
        路由参数测试3
      </Link>
      <br />

      <Link to="/testRoute" style={defalutStyle}>
        路由注册 testRoute测试
      </Link>
      <br />

      <Link to="/HomeTest/child" style={defalutStyle}>
        路由注册 HomeRoutes2测试
      </Link>
      <br />

      <Link to="/props" style={defalutStyle}>
        父子通信
      </Link>
      <br />

      <Link to="/useState" style={defalutStyle}>
        useState变量定义
      </Link>
      <br />

      <Link to="/useEffect1" style={defalutStyle}>
        useEffect副作用
      </Link>
      <br />

      <Link to="/login" style={defalutStyle}>
        登录
      </Link>
    </>
  )
}
export default Home
